<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title id="title-article">文章模板</title>
    <meta name="keywords" content="头条要闻,HrCms">
    <meta name="description" content="头条要闻,HrCms">
    <meta name="author" content="ChenX,HrCms">
    <meta name="robots" content="index,follow">
    <!-- css -->
    <link href="./logo.ico" rel="shortcut icon" type="image/x-icon">
    <link href="./images/bootstrap.min.css" rel="stylesheet" rel="stylesheet">
    <link href="http://api.cas.cn/lib/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="./images/editor.css" rel="stylesheet">
    <link href="./images/common_ivpp.css" rel="stylesheet">
    <link href="./images/outline.css" rel="stylesheet">

    <!--[if (gte IE 6)&(lte IE 8)]>
    <script src="http://api.cas.cn/lib/selectivizr/1.0.2/js/selectivizr.js" /></script>
    <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://api.cas.cn/lib/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="http://api.cas.cn/lib/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link href="./images/detail.css" rel="stylesheet">
    <script src="images/jquery-1.8.3.min.js"></script>
    <script src="./WebConfig.js"></script>
    <style>
        .temp01-wrap-Lmenu .title {
            background: #62a8d1;
            line-height: 28px;
            padding: 15px 10px;
            text-align: center;
            color: #fff;
            font-size: 1.8rem;
            font-size: 18px;
            font-weight: bold;
            border-radius: 6px 6px 0 0;
        }
    </style>
<body>

<!--header start -->
<header>

    <!-- Mobile Header -->
    <div class="container header header-top hidden-lg hidden-md">
        <div class="nav-top col-sm-12 col-xs-12"><a href="#">HrCms</a> | <a href="#">联系我们</a> |  <a href="javascript:void(0)" class="js-link"><i class="fa fa-search"></i></a></div>
        <div class="js-content sr-only col-sm-12 col-xs-12">
            <form class="search">
                <input type="text" value="搜 索" id="iptSword" onClick="javascript:if(this.value=='搜 索') this.value=''" />
                <input class="btn-search" id="sub-mobile" type="button" value="" />
            </form>
        </div>
    </div>
    <!-- Mobile Header -->

    <!-- PC Header -->
    <div class="container header hidden-sm hidden-xs">
        <div class="logo col-md-8">
            <h2 style="margin: 2%">hrcms</h2>
        </div>
        <div class="col-md-4">
            <div class="nav-top mb5 clearfix">
                <ul>
                    <li><a href="#" target="_blank">内网入口</a></li>
                    <li>|</li>
                    <li><a href="#">快速链接</a></li>
                    <li>|</li>
                    <li><a href="#" target="_blank">HRCMS</a></li>
                    <li>|</li>
                    <!---- <li> <a href="http://www.ivpp.cas.cn/lj/lxwm/"  target="_blank">联系我们</a></li>
                           <li>|</li> --------->
                    <li><a href="http://english.ivpp.cas.cn/" target="_blank">English</a></li>
                </ul>
            </div>
            <form class="search"  >
                <input type="text" value="搜 索" id="searchword" onClick="javascript:if(this.value=='搜 索') this.value=''" />
                <input type="button" value="" class="btn-search" id="sub-pc" />
            </form>

        </div>
    </div>
    <!-- PC Header -->
    <div class="clearfix"></div>

    <nav class="navbar navbar-inverse">
        <div class="nav">
            <div class="container main-navigation">
                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand hidden-lg hidden-md" href="#"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav" id="FirstLevel">
                        <li><a href="index.html">首　页</a></li>
                        <li class="dropdown">
                            <a href="index.html" class="dropdown-toggle" data-toggle="dropdown" target="_top" ></a>
                            <ul class="dropdown-menu" id="dtxw">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=8" class="dropdown-toggle" data-toggle="dropdown" target="_top">科研部门</a>
                            <ul class="dropdown-menu" id="kybm">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=15" class="dropdown-toggle" data-toggle="dropdown" target="_top">研究成果</a>
                            <ul class="dropdown-menu" id="yjcg">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=20" class="dropdown-toggle" data-toggle="dropdown" target="_top">教育培训</a>
                            <ul class="dropdown-menu" id="jypx">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=28" class="dropdown-toggle" data-toggle="dropdown" target="_top">出版物</a>
                            <ul class="dropdown-menu" id="cbw">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=32" class="dropdown-toggle" data-toggle="dropdown" target="_top">党群园地</a>
                            <ul class="dropdown-menu" id="dqyd">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=38" class="dropdown-toggle" data-toggle="dropdown" target="_top">科学传播</a>
                            <ul class="dropdown-menu" id="kxcp">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=43" class="dropdown-toggle" data-toggle="dropdown" target="_top">信息公开</a>
                            <ul class="dropdown-menu" id="xxgk">

                            </ul>
                        </li>
                        <li><a href="#" target="_top">标本馆</a></li>
                        <li><a href="#" target="_top">图书馆</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>
<script type="text/javascript">
    function isValid(str){
        if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1
            || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1
            || str.indexOf('%') != -1 || str.indexOf('#') != -1){
            return false;
        }
        return true;
    }
    function search_check(){
        var searchword = document.getElementById("searchword").value.replace(/^\s+|\s+$/g,"");
        if(searchword == "" || searchword == "搜 索" || !isValid(searchword)){
            alert("请输入关键词后再进行提交。");
            return false;
        }else{
            document.getElementsByName("keyword")[0].value = encodeURI(searchword);
            //document.getElementById("keyword").value = encodeURI(searchword);
            document.searchform.submit();
        }
    }
</script>
<!--header end -->
<div class="clearfix"></div>
<div class="content pt15">
    <div class="container">
        <div class="row">
            <!-- Left -->
            <div class="col-sm-4 col-md-3 temp01-wrap-Lmenu hidden-xs">
                <nav class="navbar navbar-inverse">
                    <div class="navbar-header title" id="ptColumn">

                    </div>

                    <ul class="temp01-wrap-Lmenu" id="ColumnList">
                    </ul>

                </nav>
            </div>
            <!-- Right -->
            <div class="col-md-9 col-sm-8 col-xs-12 temp02-wrap-R">
                <h3 id="atColumn">头条要闻</h3>

                <div class="row temp02-wrap-content">
                    <!-- Title -->
                    <h2 class="pt15" id="articleTitle"></h2>
                    <h4><p align="center" style="padding-top:10px;"></p></h4>

                    <!-- Article info -->
                    <div class="temp02-info-article" style="text-align:center;">
                        <span>发表日期：<span id="articleDate"></span></span><span id="author"></span><span id="source">来源：</span><span id="pageview" class="pv"></span><span class="temp02-content-tools">【<a class="bigger font">放大</a>&nbsp;<a class="smaller font">缩小</a>】</span>
                    </div>

                    <div id="cas-article">
                        <!-- Article -->
                        <div class="cas-article pt15 mb20">
                            <div class=""><div class="TRS_Editor"><p><p id="articleContent" class="editor"></p></p>
                                </div></div>
                            <div class="mb15 clearfix"></div>

                            <!-- Share 可以自己定义 -->
                            <div class="col-md-12">
                                <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1493948881870">
                                    <a href="#" class="bds_more" data-cmd="more"></a>
                                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                    <a href="#" class="bds_people" data-cmd="people" title="分享到人民微博"></a>
                                    <a href="#" class="bds_xinhua" data-cmd="xinhua" title="分享到新华微博"></a>
                                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                    <a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享"></a>
                                    <a href="#" class="bds_copy" data-cmd="copy" title="复制网址"></a>
                                    <a href="#" class="bds_print" data-cmd="print" title="打印"></a>
                                    <!--  Priase  -->
                                    <span id="like" style="float: right;"></span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="clearfix"></div>

                    <!-- Appendix -->
                    <div class="cas-wrap-appendix">
                        <h6>附件：</h6>
                        <ul>

                        </ul>
                    </div>
                </div>
                <div class="clearfix"></div>

            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>

<!-- footer -->
<footer class="mt20">
    <div class="pb15">
        <div class="container">
            <div class="row hidden-sm hidden-xs">
                <li class="col-md-3 pt30"></li>
                <li class="col-md-7 pt20">版权所有 &copy; haoran开发<br />Copyright  &copy; 2019  All rights reserved<br />联系微信号：johnston<br />地址：内蒙古呼和浩特 邮编：010010</li>
                <!--<li class="col-md-2 pt15"><img src="http://www.ivpp.cas.cn/images/blue.png" /></li>-->
            </div>
            <div class="row hidden-lg hidden-md">
                <li class="col-sm-7 col-xs-8 pt10"><!--<img src="http://www.ivpp.cas.cn/images/logo_cas_white.png" />--></li>
                <!--<li class="col-sm-5 col-xs-4"><img src="http://www.ivpp.cas.cn/images/blue.png" /></li>-->
                <li class="col-sm-12 col-xs-12 pt10">版权所有  &copy; haoran开发<br />Copyright  &copy; 2018  All rights reserved<br />联系微信号：johnston 邮箱：1261670412@qq.com<br />地址：内蒙古呼和浩特市 邮编：010010</li>
            </div>
        </div>
    </div>
</footer>
<!--JS -->
<script src="http://api.cas.cn/lib/jquery/1.12.1/jquery.min.js"></script>
<script src="http://api.cas.cn/lib/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://www.ivpp.cas.cn/images/modernizr.js"></script>
<script src="http://www.ivpp.cas.cn/images/common.js"></script>

<script src="http://www.ivpp.cas.cn/images/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>

<script type="text/javascript">
    function isValid(str){
        if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1
            || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1
            || str.indexOf('%') != -1 || str.indexOf('#') != -1){
            return false;
        }
        return true;
    }
    $(function(){
        $('#sub-pc').click(function(){
            var searchword = $.trim($('#searchword').val());
            if(searchword == "" || searchword == "请输入关键字" || !isValid(searchword)){
                alert("请输入关键词后再进行提交。");
                return false;
            }
            window.location.href="articleSearch.html?keyword="+searchword;
        });

        $('#sub-mobile').click(function(){
            var iptSword = $.trim($('#iptSword').val());
            if(iptSword == "" || iptSword == "请输入关键字" || !isValid(iptSword)){
                alert("请输入关键词后再进行提交。");
                return false;
            }
            window.location.href="articleSearch.html?keyword="+searchword;
        });
    });

</script>
<script src="./images/jquery.casasypage.min.js"></script>

<script>window._bd_share_config={"share":{"bdSize":16}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<script>
    $(function(){
        $(".dropdown-menu li a:not([href*='ivpp.cas.cn'])").each(function(){	//cnic.cas.cn 请更改为自己的域名
            $(this).attr("target", "_blank");
        });
    });
</script>
<!-- 浏览量 -->
<script type="text/javascript" src="http://api.cas.cn/app/click/js/jquery.casclick.min.js"></script>
<!-- 点赞 -->
<script type="text/javascript" src="http://api.cas.cn/app/like/js/jquery.caslike.min.js"></script>

<script>

    $(function(){
        $("a.font").click(function(){
            var _obj = $("div#cas-article");
            var _nsize = parseFloat(_obj.css("font-size"), 10);
            var _unit = _obj.css("font-size").slice(-2); //获取单位
            if ($(this).attr("class") == "bigger font") {
                if (_nsize <= 22) {
                    _nsize += 2;
                }
            } else if ($(this).attr("class") == "smaller font") {
                if (_nsize >= 12) {
                    _nsize -= 2;
                }
            }
            _obj.css("font-size", _nsize + _unit).find("p,div,span,font").css("font-size", _nsize + _unit);
        });

//当前导航样式
        var sLoca='首页|新闻动态|头条要闻';
        var oUlColumn2Jq=$('#column2');
        var aAColumn2Jq=$('a', oUlColumn2Jq);

        aAColumn2Jq.each(function(){
            var sColumn2Jq=$(this).text();

            if(sLoca.indexOf(sColumn2Jq)!=-1){
                $(this).parent().addClass('active');
            }
        });

        //文档浏览量
        $("#pageview").casclick({//此处的id与span的标签id对应即可
            platId : "2",//平台id，中文主站平台1，院属单位平台2，重要网站平台3
            siteId : "1047",//站点id，
            docId : "5449498"//文档id
        });

        //文档点赞量
        $("#like").caslike({//此处的id与span的标签id对应即可
            platId : "2",//平台id，中文主站平台1，院属单位平台2，重要网站平台3
            siteId : "1047",//站点id，
            docId : "5449498"//文档id
        });

        //作者
        var docauthor = "";
        if(docauthor == ""){
            $("#author").hide();
        }

        //来源
        var docsourcename = "";
        if(docsourcename == ""){
            $("#source").hide();
        }

        //附件
        var appLinkArr = new Array(); //附件路径
        var appLinkStr = '';
        appLinkArr = appLinkStr.split('|');
        var appDescArr = new Array(); //附件名称
        var appDescStr = '';
        appDescArr = appDescStr.split('|');
        if(appLinkArr[0] != '' && appDescArr[0] != ''){
            var appHtml = "";
            $.each(appLinkArr, function(i, str) {
                if(str.indexOf('doc') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-word-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
                if(str.indexOf('xls') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-excel-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
                if(str.indexOf('ppt') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
                if(str.indexOf('pdf') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-pdf-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
                if(str.indexOf('txt') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-text-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
                if(str.indexOf('rar') != -1 || str.indexOf('zip') != -1){
                    appHtml += '<li><a href="' + str + '"><i class="fa fa-file-archive-o" aria-hidden="true"></i>' + appDescArr[i] + '</a></li>';
                }
            });
            $(".cas-wrap-appendix ul").html(appHtml);
        }else{
            $(".cas-wrap-appendix").hide();
        }
    });
</script>
<script>
    /* 文章id */
    var aid  = 0;
    /* 栏目id */
    var cid = 0;
    /* 上级栏目 */
    var ptid = 0
    $(document).ready(function(){
        getFirstLevel();
        getArticle();
       /* getFunctions(2,'dtxw');// 职能部门内容
        getFunctions(8,'kybm');// kybm
        getFunctions(15,'yjcg');// 研发成果
        getFunctions(20,'jypx');// 直属部门 jypx
        getFunctions(28,'cbw');
        getFunctions(32,'dqyd');
        getFunctions(38,'kxcp');
        getFunctions(43,'xxgk');*/
        getColumn();
    });
    function getFirstLevel() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/list?t=1576295892377&page=1&limit=10&name=&parentId="+0,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                console.log("一级导航数据");
                console.log(data.page.list);
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#FirstLevel").empty();
                var dataList = data.page.list;
                /* 二级导航栏数据集 */
                var secondList = [];
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    /* DOW 标签 */
                    var html = '<li class="dropdown">\n' +
                        '                            <a href="articleList.html?id=${id}" class="dropdown-toggle" data-toggle="dropdown" target="_top">name</a>\n' +
                        '                            <ul class="dropdown-menu" id="#{id}">\n' +
                        '\n' +
                        '                            </ul>\n' +
                        '                        </li>';
                    var name = dataList[i].name;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("${id}",id);
                    html = html.replace("name",name);
                    if (name === '专题'){

                    } else if(name === '通知活动'){
                        // TODO
                    }else{
                        secondList.push(id);
                        $("#FirstLevel").append(html);
                    }
                }
                /*  插入首页导航*/
                html = '<li><a href="index.html">首　页</a></li>';
                $("#FirstLevel").prepend(html);
                /* 获得二级菜单 */
                for(var i=0;i<secondList.length;i++){
                    getFunctions(secondList[i],secondList[i])
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    /* 获得文章详情 */
    function getArticle() {
        var id = getQueryVariable("id");
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/info/"+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                var title = data.article.title;
                var content = data.article.content;
                var date = data.article.createDate;
                aid = data.article.id;
                cid = data.article.columnId;
                $("#title-article").html(title);
                $("#articleTitle").html(title);
                $("#articleContent").html(content);
                $("#articleDate").html(date);
                /* 暂不获得当前文章标题图片 */
                /*getPicture(id);*/
            },
            error: function (data) {
                $("#articleTitle").html("抱歉,目前文章无法访问");
                $("#articleContent").html("抱歉,目前文章无法访问");
                $("#articleDate").html("抱歉,目前文章无法访问");
            }
        });
    }
    /* 获得文章图片 */
    function getPicture(id) {
        /* http://localhost:8888/hr/picture/list?t=1576295892377&page=1&limit=10&name=&articleId="+cid */
        /* <p align="center"><span><img style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-width: 0px" alt="" oldsrc="./images/test.jpg" src="./images/test.jpg" /></span></p> */
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/picture/list?t=1576295892377&page=1&limit=10&name=&articleId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                $("#imgList").empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<p align="center"><span><img style="border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-width: 0px" alt="" oldsrc="./images/test.jpg" src="./images/user/#{imgUrl}" /></span></p>';
                    var imgUrl = dataList[i].url;
                    html = html.replace("#{imgUrl}",imgUrl);
                    $("#imgList").append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    /* 根据id 获得同级子栏目信息 */
    function getColumn() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/info/"+cid,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                $("#atColumn").html(data.column.name);
                if(data.column.parentId === 0){

                }else {
                    ptid = data.column.parentId;
                    getColumnList();
                    getptidName();
                }
            },
            error: function (data) {

            }
        });
    }

    function getColumnList() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/list?t=1576295892377&page=1&limit=10&name=&parentId="+ptid,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#ColumnList").empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li><i class="fa fa-angle-right" aria-hidden="true"></i><a href="articleList.html?id=#{id}">name</a></li>';
                    var name = dataList[i].name;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("name",name);
                    $("#ColumnList").append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getptidName() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: +baseUrl+"/column/info/"+ptid,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                var name = data.column.name;
                $("#ptColumn").html(name)
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){return pair[1];}
        }
        return(false);
    }
    function getFunctions(id,elementId) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/list?t=1576295892377&page=1&limit=10&name=&parentId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li><a href="articleList.html?id=#{id}" target="_blank">name</a></li>';
                    var name = dataList[i].name;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("name",name);
                    $("#"+elementId).append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
</script>
</body>
</html>